<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <title>大气带JS表单验证功能的注册页面模板 - JS代码网</title>
  <meta charset="UTF-8">
  <meta name="keywords" content=",注册页面表单验证">
  <meta name="description" content="JS">
  <link type="text/css" href="/stylesheets/reset.css" rel="stylesheet">
  <link type="text/css" href="/stylesheets/public.css" rel="stylesheet">
  <link type="text/css" href="/stylesheets/register.css" rel="stylesheet">

  <script src="/js/jquery.min.js" type="text/javascript"></script>
  <script src="/js/jquery.form.js" type="text/javascript"></script>
  <script src="/js/json.parse.js" type="text/javascript"></script>
  <script src="/js/reg.js"></script>
  <style>
    .input_div span{ background:#FFF;}
  </style>
  <!--[if IE 6]>
  <script src="/js/DD_belatedPNG.js"  type="text/javascript"></script>
  <script>DD_belatedPNG.fix('.png_bg');</script>
  <![endif]-->
</head>
<body>
<div id="header">
  <div class="header">


    <a class="png_bg" href="/index">返回主页</a>
  </div>
</div>

<div class="register_content">

  <ul class="step_ul step1 clear">
    <li class="li1">01、填写资料</li>
    <li class="li2">02、完成注册</li>
  </ul>

  <form name="registerForm" id='registerForm' action="register/ldo" method="post" style="padding:60px 40px 88px 40px;font-family:Microsoft Yahei">
    <div class="div_form clear ">
      <label>账户名：</label>
      <div class="input_div input_div1">
        <input id="username" name="username" type="text" placeholder="格式6-24位数字字母组合" maxlength="24">
        <span></span>
      </div>
    </div>
    <div class="div_form clear ">
      <label>常用的邮箱帐号：</label>
      <div class="input_div input_div2" >
        <input id="mail" name="useremail"  type="text" placeholder="请填写正确的邮箱，以便接收账号激活邮件" maxlength="64">
        <span></span>
      </div>
    </div>
    <div class="div_form clear ">
      <label>请创建一个密码：</label>
      <div class="input_div input_div3">
        <input id="password1" name="userpass" type="password" placeholder="最少 8 个字符，区分大小写" maxlength="32">
        <span></span>
      </div>
    </div>
    <div class="div_form clear ">
      <label>重新输入密码：</label>
      <div class="input_div input_div4">
        <input id="password2" name="userpass2" type="password" placeholder="再次输入密码" maxlength="32">
        <span></span>
      </div>
    </div>
    <div class="div_form clear ">
      <label>输入计算结果：</label>
      <div class="input_div input_div5">
        <input id="varcode" name="vercode" type="text" maxlength="2">

        <a class="change" href="javascript:;">点击换一张</a>
        <span></span>
      </div>
    </div>
    <div class="div_form clear ">
      <label></label>
      <div class="input_div check2 input_div6" data="0" id="agreement">
        我已阅读并接受《baichi规定》
        <span></span>
      </div>
    </div>

    <div class="div_form clear ">
      <label></label>
      <div class="input_div">
        <input id="btn" class="btn" type="button" value="注册" />
      </div>
    </div>

  </form>

  <div class="reg_login">
    <p>已有帐号？</p>
    <a class="btn2" href="/login">登录</a>
  </div>
  <div class="bg"></div>
</div>


</body>
</html>
















